
$term-table-entry-title-width: 250px;

.term-table {
  margin: 1em 0;
}

.term-table__term {
  position: relative;
  z-index: 1;
  margin: 1em 0;

  &:before { // dotted line
    content: '\00a0'; // non-breaking space, to create height
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px dotted $control-border-color-light;
    margin-top: -8px; // move up to baseline
  }
}

.term-table__term-title {
  position: relative;
  z-index: 3; // above line
  float: left;
  padding-right: 10px;
  margin-right: 10px;
  font-weight: $font-weight-bold;
  background: #fff;
}

.term-table__term-description {
  position: relative;
  z-index: 2; // above line
  margin-left: $term-table-entry-title-width;
  padding-left: 10px;
  background: #fff;
}

a.term-table__term {
  display: block;

  .term-table__term-title {
    color: $link-color-dark;
  }

  .term-table__term-description {
    color: $font-color;
  }

  &:hover {
    .term-table__term-title {
      color: $link-color;
    }
  }
}
